<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:dm="http://java.sun.com/jsf/composite/dma"
      xmlns:p="http://primefaces.org/ui">
    <h:body>
        <ui:composition template="./parent.xhtml">
            <ui:define name="body">
                <div id="_container" style="border: none;">
                    <div id="_left_container">
                        <ui:insert name="content"></ui:insert>
                    </div>
                    <script>
                        function setHeight(){
                            var c = document.getElementById('_left_container');
                            var os= document.getElementById('_right_panel');
                            var hi = c.clientHeight;
                            os.style.height= hi+'px';
                            //                alert(hi);
                        }
                    </script>
                    <style>
                        #_right_panel #_title_of_right_panel{
                            padding: 5px; border-bottom:  solid 1px buttonface; border-radius: 8px 8px 0 0;
                            text-align: center; font-weight: bold; font-size: 16px;
                        }

                        #_right_panel ._item{
                            display: table;
                            width: 100%;
                        }
                        
                        #_right_panel ._item div{
                            display: table-cell;
                            padding-left: 20px;
                            padding-right: 20px;
                            
                        }

                    </style>
                    <div id="_right_container">
                        <div id="_right_panel">
                            <div id="_title_of_right_panel">
                                Training Program
                            </div>
                                <div class="_item">
                                    <div>DJ</div>                                    
                                </div>
                                <div class="_item">
                                    <div>DANCERS</div>
                                </div>
                                <div class="_item">
                                    <div>MC</div>
                                </div>
                                <div class="_item">
                                    <div>SINGERS</div>
                                </div>
                           
                            <p:spacer height="1px"></p:spacer>
                            <!--
                            
                                        <div style="padding: 10px 10px 0 14px;height: 28px">
                                            <div style="width: 80px; overflow: hidden;float:left">
                                                <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://dmademo.tk/" data-via="CaoHongHiep">Tweet</a>
                                                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                                            </div>
                                            &nbsp; &nbsp;&nbsp; &nbsp;
                                            <a href="https://twitter.com/caohonghiep" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @caohonghiep</a>
                                            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                            
                                        </div>    
                            
                                        <div style="padding: 10px 10px 10px 14px;height: 28px;width: 169px;overflow: hidden;">
                                            <div id="fb-root"></div>
                                            <script>(function(d, s, id) {
                                                var js, fjs = d.getElementsByTagName(s)[0];
                                                if (d.getElementById(id)) return;
                                                js = d.createElement(s); js.id = id;
                                                js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                                                fjs.parentNode.insertBefore(js, fjs);
                                            }(document, 'script', 'facebook-jssdk'));</script>
                            
                            
                                            <div class="fb-like" data-href="http://dmademo.tk" data-send="true" data-width="450" data-show-faces="true" data-layout="button_count"></div>
                                        </div>
                            -->
                        </div>
                    </div>
                    <script>    
                        setHeight();
                    </script> 
                </div>
            </ui:define>

        </ui:composition>
    </h:body>
</html>



